<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="wrapper">
		<h3>苔&lt;清&gt;袁枚</h3>
		<div id = "poem" class="detail">
			<div>白日不到处</div>
			<div>青春恰自来</div>
			<div>苔花如米小</div>
			<div>也学牡丹开</div>
		</div>

		<p>
			苔藓自是低等植物，多寄生于阴暗潮湿之处，可它也有自己的生命本能和生活意向，并不会因为环境恶劣而丧失生发的勇气，诗人能看到这一点并歌而颂之，很有眼光
		</p>
	</div>
	
</body>

	<script>
		
		//获取id为poem的元素，将字号改为20
		var poem = document.getElementById("poem");

		poem.style = "font-size:2opx";

		//给整个文章加上一个边框
		poem.parentNode.style = "border:1px solid black";

		//将诗句改成绿色
		// poem.children..style = ""

		// for(var i = 0;i<poem.children.length;i++){

		// 	poem.children[i].style = "color:green";

		// }

		//改进
		poem.fristChild.nextSibling.style = "color:green"



	</script>
</html>